<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理系统</title>
    <link rel="stylesheet" href="control.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body >
    <div class="wrapper">
        <div class="sidebar">
        <div class="logo"><b>餐厅后台</b></div>
        <div class="user">
            <div class="user_Box">
                <img src="素材/curry.jpeg" alt=""id="bk_img">
                <span style="color:rgb(252, 248, 248);font-size: 15px;">Curry</span>
                <p><i class="fa fa-user-circle" aria-hidden="true"style="margin-right:10px;color:black"></i>在线</p>
                <p id="quit"><i class="fa fa-sign-out" aria-hidden="true"style="margin-right:10px;color:black"></i>退出</p>
            </div>
        </div>
        <div class="menu">
                <ul>
                    <li class="food"><p><i class="fa fa-cog" aria-hidden="true"style="margin-right:10px;"></i>菜品管理</p></li>
                    <li class="column"><p><i class="fa fa-id-card" aria-hidden="true"style="margin-right:10px;"></i>用户管理</p></li>
                    <li class="order"><p><i class="fa fa-book" aria-hidden="true"style="margin-right:10px;"></i>订单管理</p></li>
                    <li class="column"><p><i class="fa fa-legal" aria-hidden="true"style="margin-right:10px;"></i>岗位管理</p></li>
                    <li class="column"><p><i class="fa fa-truck" aria-hidden="true"style="margin-right:10px;"></i>部门管理</p></li>
                    <li class="column"><p><i class="fa fa-cogs" aria-hidden="true"style="margin-right:10px;"></i>参数设置</p></li>
                    <li class="column"><p><i class="fa fa-bell" aria-hidden="true"style="margin-right:10px;"></i>通知广告</p></li>
        </div>
    </div>
    <div class="menu_Main">
        <div class="user_center">
            <div class="Return"><i class="fa fa-long-arrow-left" aria-hidden="true"style="font-size:30px;color:black"></i></div>
            <img src="素材/curry.jpeg" alt="">
            <div class="user_content">
                <p class="user_content_part"><b>用户名:</b>curry</p>
                <p class="user_content_part"><b>邮箱:</b>770661379@qq.com</p>
                <p class="user_content_part"><b>性别:</b>男</p>
                <p class="user_content_part"><b>年龄:</b>19</p>
                <button class="compile">编辑资料</button>
                <button class="out">退出登录</button>
            </div>
        </div>
        <div class="shadow"></div>
        <div class="top">
            <div class="top_part"><i class="fa fa-desktop" aria-hidden="true"style="color:#eee;font-size:25px;padding-right:15px;"></i></div>
            <div style="width: 100px;"></div>
            <div class="top_part">LOGIN</div>
            <div class="top_part">TEAM</div>
            <div class="top_part">HOME</div>
            <div class="top_part">HELP</div>
        </div>
        <div class="update_box">
            <div class="update_box_close"><i class="fa fa-times" aria-hidden="true"style="color:#eee;margin-buttom:3px;"></i></div>
            <div style="margin-top:50px;">
            <input type="text"placeholder="菜品名"value=""id="upd_name">

            <input type="text"placeholder="价格"value=""id="upd_price">

            <input type="text"placeholder="描述"value=""id="upd_desc">

            <input type="text"placeholder="类型"value=""id="upd_tpn">

            <input type="text"placeholder="id类型"value=""id="upd_tpd">

            <button type="button" class="update">修改</button>
            </div>
        </div>
        <div class="add_Box">
               
            <td>菜品名称:<input type="text"name="name"value="" id="name"></td>
        
            <td>价格:<input type="text"name="price"value="" id="price"></td>
       
            <td>描述:<input type="text"name="desc"value="" id="desc"></td>
       
            <td>类型:<input type="text"name="typename"value="" id="tyname"></td>

            <td>typeid: <input type="text"name="typeid"value="" id="tyid"></td>

            <td><button class="btn_Add">添加</button></td>
        </div>
        <div class="search_row">
            <div style="margin-top: 7px;">
                菜品名称:<input type="text"name="search"value=""id="inp_search"style="border-radius:5px"data-clear-btn="true"><button class="search">查询</button>                 
                <button id="btn_search_All">查询所有菜品</button>
            </div>
        </div>
        <div class="collect_Box">
            <table class="collect_Table">
                <tr>
                    <th>名字</th>
                    <th>价格</th>
                    <th>描述</th>
                    <th>种类名</th>
                    <th>typeid</th>
                </tr>
                <tr></tr>
                <tr></tr>
                <tr></tr>
                <tr></tr>
                <tr></tr>
                <tr></tr>
            </table>
            <div class="page_box">
                <div class="page">1</div>
                <div class="page">2</div>
                <div class="page">3</div>
            </div>
        </div> 
    </div>
    <div class="order_box">
        <div class="top">
            <div class="top_part"><i class="fa fa-desktop" aria-hidden="true"style="color:#eee;font-size:25px;padding-right:15px;"></i></div>
            <div style="width: 100px;"></div>
            <div class="top_part">LOGIN</div>
            <div class="top_part">TEAM</div>
            <div class="top_part">HOME</div>
            <div class="top_part">HELP</div>
        </div>
        <div class="food_Add">
            <td>用户名:<input type="text"name="name"value="" id="user_name"></td>
        
            <td>订单金额:<input type="text"name="price"value="" id="food_price"></td>
       
            <td>客户手机号:<input type="text"name="desc"value="" id="phone"></td>
       
            <td>是否支付(0/1):<input type="text"name="typename"value="" id="pay"></td>

            <td><button class="btn_order_Add">添加</button></td>
        </div>
        <div class="order_table">
            <table class="collect_Table">
                <tr>
                    <th>用户名</th>
                    <th>订单金额</th>
                    <th>手机号</th>
                    <th>是否支付(0/1)</th>
                </tr>
                <tr id="trEven"></tr>
                <tr></tr>
                <tr class="trEven"></tr>
                <tr></tr>
                <tr class="trEven"></tr>
                <tr></tr>
            </table>
        </div>
    </div>
    <script src="control.js"></script>
</body>
</html>